*{
	margin: 0;	
	padding: 0;
}
.clear{
	clear: both;
}
#wrapper{
	min-width:980px;
	width: 100%;
}
a:LINK{
	text-decoration: none;
	
}
/*--------design-header-----------------*/
#top{

	background: url("../image/top_bg.gif") repeat-x scroll center 0 transparent;
	margin: 0px auto;
	padding: 0;
}
#top-wrapper{	
	background: url("../image/top_x_01.gif") no-repeat scroll center 0px transparent;
	height: 460px;
	margin: 0px auto;
	padding: 0;
	position: relative;
	z-index: 2;	
	
}
#top-wrapper-sub{
	height: 443px;
	margin: 0 auto;
	position: relative;
	width: 1092px;
	
}
.top-top{
	margin: 0px auto;
	width: 100%;
	height: 100px;
}
.top-left{
	float: left;
	margin: 5px 0px 0px 0px;
}
.top-right{
	float: right;
	width: 984px;
	//border: 1px solid;
	height: 100%;
}
.menu-up{
	float: right;
	width: 400px;
	height: 40px;
	margin: 0px;
}
.login-button{
	float: right;
	margin: 0px 5px 0px 0px;
	cursor: pointer;
}
.flag{
	float:left;
	margin: 0px 20px 0px 0px;
	width: 200px;
}
.vn{float: left;}
.jp{
	float: left;
	margin: 0px 0px 0px 10px;
}
.menu-main{
	float:right;
	margin: 10px 0px 0px 0px;
	height:60px;
	width: 990px;
	background: url("../image/menu_c.gif") no-repeat center transparent;
}

.main-menu-button{
	float: left;
	list-style: none;
}
.main-menu-button{
	margin:0px;
	width: 150px;
	text-align: center;
	font-size: 150%;
	color: white;
cursor: pointer;
}
.main-menu-button span{
	display: block;
	height: 60px;
	width: 150px;
	padding-top: 10px;
}

#homepage:HOVER {
		display: block;
	height: 60px;
	width: 150px;
	background: url("../image/doi_c_1.gif") no-repeat center transparent; 
}

.mn1:HOVER{
		display: block;
	height: 60px;
	width: 150px;
	background: url("../image/doi_c_2.gif") no-repeat center transparent; 
	
}
.top-center{
	width:100%;
}
.top-center-bao{
	margin:33px 8px;
	height:293px;
	background:#ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}
.top-center-left{
	height:100%;
	float:left;
	width: 800px;
}
.top-center-left-content{
	float: left;
	width: 330px;
	height:100%;
}
.text-up{
	margin: 20px 10px 10px 10px;
	height: 200px;
	width: 100%;
}
.button_detail{
	margin: 10px 10px 10px 50px;
	cursor: pointer;
}
.button_detail:HOVER{
	margin: 10px 10px 10px 50px;
	background: url("../image/nut_dam_x.gif") no-repeat center transparent;
}
.top-center-left-img{
	float: right;
	width: 466px;
}
.top-center-left-img img{
	float: right;	
}
.top-center-right{
	margin:0px;
	float: right;
	width: 273px;
	height: 100%;
	
}
.right-up{
	height: 140px;
	width: 100%;
	background: #F2F2F2;
}
.right-up:HOVER{
	margin-left:-20px;
	width:100%;
	background: url("../image/nen_top.gif") no-repeat transparent;
}
.right-down
{
	height: 160px;
	width: 100%;
	background: #F2F2F2;
}
.img_con{
	float: left;
	width: 150px;
	text-align: center; 
	margin: 10px 0px 0px 10px;
}
.p_con{
	margin: 10px 0px 0px 0px;
	float: right;
	padding-right: 20px;
	
}
.hide_menu{
	display: none;
	position: absolute;
	top: 100px;
	width: 380px;
	height: 280px;
	background: url("../image/nen.gif") no-repeat transparent;
	margin: 0px 0px 0px 10px;
text-align: left;
}

.hide_menu_kaigisitu{
	float: left;
	width: 150px;
	height: 100%;
	margin: 10px 0px 10px 40px;
}
.hide_menu_kaigisitu_title
{
	
	font-size: 90%;
	font-weight: bold;
	height: 50px;
}
.hide_menu_kaigisitu_title span{
	color: black;
}
.hide_menu_kaigisitu_content
{
	width: 100%;
	
}

.hide_menu_kaigisitu_content ul{
	list-style: none;
}
.hide_menu_kaigisitu_content li
{
	margin: 15px 0px 10px 0px;
	font-size: 70%;
}
.hide_menu_butsu
{
	margin: 10px 0px 10px 0px;
	float: right;
	width: 180px;
	height: 100%;
	
}
/*----------------phan content-------------------------*/
#content{
	margin: 20px auto;
	width: 1092px;
	background: #ffffff;
}
#index_center{
	background: url("../image/nen_center_c.gif") no-repeat center transparent;
	width: 100%; 
	height: 400px;
	margin-bottom: 20px;
}
#index_left{
	float: left;
	width: 790px;
	margin: 60px 0px 10px 10px;
	height: 320px;
}
#index_right{
	float: right;
	margin: 55px 5px 0px 0px;
	height:315px;
	width:280px;
	background: url("../image/nen_search.gif") no-repeat center transparent;
	
}
.index_left_up{
	margin: 0px;
	height: 70px;
}
.index_left_up p{
	float: right;
	margin: 20px 350px 0px 0px;
}
.index_left_down{
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 240px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #f2f2f2;
	border: 1px solid #d6d6d6;
}
.prev_bt{
	margin: 0px;
	height: 100%;
	
}
.bt img{
text-align: center;
padding-top: 40px;
cursor: pointer;
}
.next_bt{

}
.td_img{
	
	margin:0px;
	padding-top: 10px;
}
.form_slide_s{
	width: 700px;
	overflow: hidden;
}
.slide_img 
{
	position: relative;
	margin: 0px 0px 0px 10px;
}

.form_img{
	//position: relative;
	width: 2200px;
	
}

.search-title{
	width: 100%;
	text-align: center;
	padding-top: 30px;
	height: 70px; 
	
}
.search-title span{
	font-size: 150%;
	color:red;
}
.search_field{
	margin: 0px 0px 0px 10px;
}
.s_tr{
	height: 40px;
	
}
.s_label span{
	color: red;
}
.s_input{
		-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #d6d6d6;
	height: 25px;
}
.bt_search{
	margin: 60px 0px 0px 10px;
}
.bt_search img{
	padding-left: 60px;
	cursor: pointer;
}
.welcome
{
	color: red;
}
/*---------------------footer-------------------------------------*/
#footer{
	height: 40px;
	width: 100%;
	margin: 20px auto;
	background: #00AFF0;
}
.f_name{
	float: left;
	width: 200px;
	color: white;
	height: 100%;
	padding: 10px 0px 0px 50px
}
.cp_right{
	float: right;
	height:100%;
	color: white;
	padding: 10px 50px 0px 50px
}
/*------------design cho nhung file khac-----------------------*/
#x_content{
	margin: 20px auto;
	width: 1092px;
	background: #ffffff;
}
.x_content_right_main_2{
display: none;
}
#x_content_b{
	width: 100%;
	margin: 10px 0px 0px 0px;
		-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #d6d6d6;
}
#x_content_t{
	width: 100%;
	height: 55px;
	background: url("../image/ngang_1.gif")  no-repeat left transparent;
}
.x_content_t_1{
	float: left;
	margin: 0px 0px 0px 140px;
	width:845px;
	height:55px;
	background: url("../image/ngang_2.gif")  repeat-x transparent;
}
.x_content_t_2{
	float: right;
	height:55px;
	width:107px;
	background: url("../image/ngang_3.gif") no-repeat transparent;	
}
#x_content_left{
	float: left;
	margin: 0;
	width: 220px;
	height: 340px;
	background: url("../image/nen_left.gif") no-repeat center transparent;
	
}
#left{
	width: 100%;
	height: 100%;
}
.yo{
	margin: 0px 0px 10px 0px;
	
}
.se{
	margin: 10px 0px 0px 0px;
}
.left-menu{
		background: url("../image/nhat_left.gif") no-repeat center transparent;
	height: 35px;
	width: 208px;
	cursor: pointer;
	text-align: center;
}
.left-menu span{
	display:block;
	font-size: 120%;
	font-weight: bold;
	color: #00AFF0;
	padding-top: 5px;
}
.left-menu:HOVER {
	background: url("../image/dam_left.gif") no-repeat center transparent;
}
.vach-ngang{
	margin:10px 0px 0px 0px;
	width: 100%;
	height: 35px;
	background: url("../image/left-vach.gif") no-repeat center transparent;
}
.profile-user{
	margin: 0px;
	height: 145px;
	width: 100%;
	
}
.image-user{
	float: left;
	margin: 5px 0px 0px 10px;
}
.username-user{
	float:right;
	margin: 80px 40px 0px 10px;
}
/*-----------------right---------------------------------*/
#x_content_right{
	float: right;
	width: 870px;
	margin: 0px;
}
.x_content_right_title{
	margin: 0px;
	height: 82px;
	width: 100%;
	background: url("../image/right_t_1.gif") no-repeat left transparent;
}
.x_content_right_title_t{
	float:left;
	margin: 0px 0px 0px 30px;
	height: 82px;
	width:  770px;
	background: url("../image/right_t_2.gif") repeat-x center transparent;
}
.x_content_right_title_t span{
	color: #00AFF0;
	font-size: 150%;
	display: block;
	padding-top: 20px;
	
}
.x_content_right_title_c{
	float:right;
	margin: 1px 0px 0px 0px;
	height: 82px;
	width:  70px;
	background: url("../image/right_t_3.gif") no-repeat transparent;
}
/*---------------content cho detail----------------------*/
.vach_ngan{
	width: 100%;
	height: 35px;
	margin: 5px 0px 0px 80px;	
	background: url("../image/vach_chia.gif") no-repeat transparent;
}
#detail-main{
	margin: 10px 0px 0px 0px;
	width: 100%;
	height:500px;
	background: url("../image/detail_bg.gif") no-repeat transparent;
	
}
.detail-main-left{
	float: left;
	width: 655px;
	height: 465px;
	margin: 10px 10px 10px 10px;
	background: url("../image/nen_anh_detail.gif") no-repeat transparent;
}
.detail-main-left img{
	margin: 15px 10px 10px 15px;
	
}
.detail-main-right{
	margin: 10px 10px 0px 0px;
	float: right;
	height: 456px;
	width: 386px;
background: url("../image/nen_tt_detail.gif") no-repeat transparent;
}
.detail-main-right-title{
	margin: 0px;
	height: 36px;
	width: 100%;
}
.detail-main-right-title span
{
	font-size: 120%;
	color: white;
	display: block;
	text-align: center;
	padding-top: 7px;
	font-weight: bold;
}
.detail-main-right-content{
	margin: 20px auto;
}
.detail-main-right-content-t{
	width: 100%;
	height: 50px;
}
.detail-main-right-content-t img{
	margin-left: 20px;
	float: left;
}
.detail-main-right-content-t p{
	font-size: 140%;
	color: #0EA6DE;
	padding: 10px 0px 0px 10px;
}
.detail-main-right-content-m{
	margin: 10px 0px 0px 100px;
	
}
.detail-main-right-content-m ul{
	list-style: none;
	list-style-image: url("../image/minus.gif");
	
}
.detail-main-right-content-m li{
	margin: 20px 0px 0px 0px;
}
.vach_nho{
	margin: 10px 0px 0px 30px;
}
.detail-main-right-bt{
	margin: 10px auto;
}
.detail-main-right-bt img{
	margin: 0px 0px 0px 100px;
}

/*-----------------------view state-------------------------------------*/
.x_content_right_main{
	margin: 10px auto;
}

/*------------------------------------------------------------------------admin-----------------------------*/
.admin_thanh_ngang{
	margin: 10px 0px 0px 0px;
	width: 100%;
	height: 70px;
	background: url("../image/admin_thanh_ngang.gif") no-repeat transparent;
	
}
.content_main{
	margin: 10px auto;
	width: 100%;
	height: 500px;
	
}
.content_main_left{
	width: 250px;
	height: 352px;
	margin: 0px 0px 0px 0px;
	background: url("../image/admin_left.gif") no-repeat transparent;
}
.menu_user{
	margin: 0px 0px 0px 0px;
	height: 100px;
}
.menu_user ul{
	list-style: none;
	list-style-image: url("../image/admin_plus.gif");
}
.menu_user ul li
{
	margin: 5px 0px 0px 70px;
}
.li_1 img{
	padding-top: 50px;
}
.menu_room
{
	height: 150px;
	width: 100%;
}
.menu_room ul{
	list-style: none;
	list-style-image: url("../image/admin_plus.gif");
}
.menu_room ul li
{
	margin: 0px 0px 0px 70px;
}
.li_3 img{
	padding-top: 80px;
}
/*--------------calendar-------------------------------*/
.x_calendar{
	margin: 20px auto;
width: 100%;
}
.calendar{
	
	width: 100%;
	
}
.ui-datepicker{
width: 860px;	
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
	height: 50px;
}
/*----bieu dien thoi gian---------------*/
#detail_x{
	background:url("../image/bg_detail.gif") no-repeat scroll 0 0 transparent;
	display:none;
	position: absolute;
	top:720px;
	left: 130px;
	width: 1092px;
	
}
.label_{
	font-size: 130%;
	color: #00759F;
}
.x_content_right_main_search_t{
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	height: 60px;
	border-bottom: 1px solid #d6d6d6;
}
.bieudien_mor_tr_color{
	height: 40px;
}
.time_view_{
	margin: 10px auto;
	-moz-border-radius: 5px;
	border: 1px solid #A6C9E2;	
	
}
.time_view_tr{
	height: 100px;
}
.label_t{
	width: 50px;
	
}
.input_time{
	margin: 10px 0px 10px 110px;
	
}
.input_time_td{
	width: 250px;
}
.submit_{
	margin: 10px 0px 0px 200px;
	
}
._yoyaku{
	margin: 0px 20px 0px 0px;
}

.long_input{	
	margin-right:0px;
		-moz-border-radius: 10px;
		color:  #003399
}
.long_check_div{
width: 500px;
height: 50px;
margin: 30px 0px 0px 0px;
}
.long_check_div span{
margin: 0px 30px 0px 2px;
color:  #003399
}
.long_label{
	margin: 0px 30px 0px 0px;
	color:  #003399
}
.long_label_left{
	margin: 0px 0px 0px 120px;
	color:  #003399
}
.room_div{
	width: 500px;
height: 50px;
margin: 10px 0px 5px 0px;
}	
.long_button{
	margin: 30px 30px 30px 90px
		-moz-border-radius: 10px;
		
}
.long_color{
	color:  #003399
}
